<template>
  <div>
    <el-row class="tac" style="height: 720px;">
      <el-col style="height: 720px;">
        <el-menu
          class="el-menu-vertical-demo"
          background-color="rgb(121, 121, 121)"
          text-color="#fff"
          active-text-color="#ffd04b"
          style="height: 100%;"
        >
          <el-submenu v-for="(item, i) in indexdata" :key="i" :index="i + 'a'">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span>{{ item.title }}</span>
            </template>
            <el-menu-item-group>
              <el-menu-item
                @click="menuclick(ite)"
                v-for="(ite, y) in item.data1"
                :key="y"
                >{{ ite }}</el-menu-item
              >
            </el-menu-item-group>
          </el-submenu>
        </el-menu>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      indexdata: [
        {
          title: '巡检记录',
          data1: ['配电室出入登记', '配电室巡检记录', '配电室管理'],
        },
        {
          title: '个人安全档案',
          data1: [
            '员工档案',
            '培训记录',
            '安全活动与技能比武记录',
            '创新与合理化建议记录',
            '隐患排查记录',
            '反三违事故记录',
            '员工自评',
            '岗位变更登记记录',
            '个人积分统计表',
            '年度重大事项说明',
          ],
        },
        {
          title: '班组微小课培训记录',
          data1: ['班组微小课培训记录'],
        },
        {
          title: '组织架构及权限管理',
          data1: ['部门管理', '职务管理', '员工管理'],
        },
      ],
    }
  },
  methods: {
    menuclick(val) {
      if (val == '配电室出入登记') {
        this.$router.push('/visit')
      } else if (val == '配电室巡检记录') {
        this.$router.push('/record')
      }
      // } else if (val == '配电室管理') {
      //   this.$router.push('/home/Administration')
      // } else if (val == '员工档案') {
      //   this.$router.push('/home/EmployeeFile')
      // } else if (val == '培训记录') {
      //   this.$router.push('/home/TrainingRecords')
      // } else if (val == '安全活动与技能比武记录') {
      //   this.$router.push('/home/activities')
      // } else if (val == '创新与合理化建议记录') {
      //   this.$router.push('/home/innovate')
      // } else if (val == '隐患排查记录') {
      //   this.$router.push('/home/hiddenDanger')
      // } else if (val == '反三违事故记录') {
      //   this.$router.push('/home/violations')
      // } else if (val == '员工自评') {
      //   this.$router.push('/home/SelfEvaluation')
      // } else if (val == '岗位变更登记记录') {
      //   this.$router.push('/home/PostChange')
      // } else if (val == '个人积分统计表') {
      //   this.$router.push('/home/Personal')
      // } else if (val == '年度重大事项说明') {
      //   this.$router.push('/home/year')
      // } else if (val == '班组微小课培训记录') {
      //   this.$router.push('/home/Records')
      // } else if (val == '发起培训') {
      //   this.$router.push('/home/initiateTraining')
      // } else if (val == '部门管理') {
      //   this.$router.push('/home/department')
      // } else if (val == '职务管理') {
      //   this.$router.push('/home/job')
      // } else if (val == '员工管理') {
      //   this.$router.push('/home/staff')
      // }
    },
  },
}
</script>

<style lang="scss" scoped></style>
